<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <title>用户管理</title>
    <link href="${ctx}/resources/easyui/themes/insdep/easyui.css" rel="stylesheet" type="text/css">
    <link href="${ctx}/resources/easyui/themes/insdep/default_theme.css" rel="stylesheet" type="text/css">
    <link href="${ctx}/resources/easyui/themes/insdep/icon.css" rel="stylesheet" type="text/css">
    <link href="${ctx}/resources/themes/style/style.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="${ctx}/resources/jquery/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="${ctx}/resources/easyui/jquery.easyui-1.5.1.min.js"></script>
    <script type="text/javascript" src="${ctx}/resources/easyui/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="${ctx}/resources/easyui/themes/insdep/jquery.insdep-extend.js"></script>
</head>
<body>
<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'west',title:'West',split:true" style="width:25%;padding: 10px"></div>
    <div data-options="region:'center',border:true">
            <div id="toolbar" >
                <div id="tb1" style="padding: 5px">
                    <label>年度:</label>
                    <%--<input type="text" class="year easyui-datetimebox" style="width:200px;"/>--%>
                    <select type="text" style="width:200px;height: 30px;line-height: 30px">
                        <option value="请选择" selected="selected">-- 请选择 --</option>
                    </select>
                    <label>日期:</label><input type="text" class="easyui-datetimebox" style="width:200px;"/>
                    <a href="#" onclick="toggleSearch();" style="line-height: 30px;"><img src="${ctx}/resources/themes/images/fold_03.png" ></a>
                    <a href="#"  class="easyui-linkbutton" style="background: url(${ctx}/resources/themes/images/query_03.png);width: 67px;height: 28px;border: none;">查询</a>
                   <div class="menu-right">
                         <a class="button icon-newly">
                                新增
                         </a>
                       <a class="button icon-delete">
                           删除
                       </a>
                       <a class="button icon-leading-in">
                           导入
                       </a>
                       <a class="button icon-export" style="margin-right: 0">
                           导出
                       </a>
                   </div>
                </div>
                <div id="tb2" style="padding: 5px;display: none;">


                    <fieldset class="advanced" style="border: 1px solid #B5B5B5;">
                        <legend>高级查询</legend>
                        <div class="list">
                            <label>作业名称：</label>
                            <input type="text" class="input-one" style="width: 175px;">
                        </div>
                        <div class="list">
                            <label>作业类型：</label>
                            <select type="text" class="input-one" style="width: 175px;">
                                <option value="请选择" selected="selected">-- 请选择 --</option>
                            </select>
                        </div>
                        <div class="list">
                            &nbsp;<label>识别单位：</label>
                            <select type="text" class="input-one">
                                <option value="请选择" selected="selected">-- 请选择 --</option>
                            </select>
                        </div>
                        <div class="list">
                            <label>识别方法：</label>
                            <select type="text" class="input-one">
                                <option value="请选择" selected="selected">-- 请选择 --</option>
                            </select>
                        </div>
                        <div class="list">
                            <label>风险区域：</label>
                            <select type="text" class="input-one">
                                <option value="请选择" selected="selected">-- 请选择 --</option>
                            </select>
                        </div>
                        <div class="list" style="clear: both">
                            &nbsp; &nbsp; &nbsp;<label>风险点：</label>
                            <select type="text" class="input-one">
                                <option value="请选择" selected="selected">-- 请选择 --</option>
                            </select>
                        </div>
                        <div class="list">
                            <label>评价日期：</label>
                            <select type="text" class="input-one">
                                <option value="请选择" selected="selected">-- 请选择 --</option>
                            </select>
                        </div>
                        <div class="list">
                            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; <label>至：</label>
                            <select type="text" class="input-one">
                                <option value="请选择" selected="selected">-- 请选择 --</option>
                            </select>
                        </div>
                    </fieldset>
                </div>
            </div>
            <table id="dg1" class="easyui-datagrid"
                   data-options="rownumbers:true,singleSelect:false,fitColumns:true,method:'get',pagination:true,pageSize:10,fit:true,toolbar:'#toolbar'">
                <thead>
                <tr>
                    <th data-options="field:'itemid',checkbox:true,width:10">Item ID</th>
                    <th data-options="field:'productid',align:'center',width:10">操作</th>
                    <th data-options="field:'listprice',align:'center',width:10">单位性质</th>
                    <th data-options="field:'unitcost',align:'center',width:10">所属事业部</th>
                    <th data-options="field:'attr1',align:'center',width:10">状态</th>
                    <th data-options="field:'status',align:'center',width:10">登记企业</th>
                </tr>
                </thead>
            </table>


    </div>
</div>
<script>

    function doSearch(value, name) {
        alert('You input: ' + value + '(' + name + ')');
    }
    function toggleSearch() {
        $('#tb2').toggle();
        $('#dg1').datagrid('resize');
    }
    $(function () {
        var grid_data = {
            "total": 28,
            "rows": [
                {
                    "productid": "FI-SW-01",
                    "productname": "Koi",
                    "unitcost": 10,
                    "status": "P",
                    "listprice": 36.5,
                    "attr1": "Large",
                    "itemid": "EST-1"
                },
                {
                    "productid": "K9-DL-01",
                    "productname": "Dalmation",
                    "unitcost": 12,
                    "status": "P",
                    "listprice": 18.5,
                    "attr1": "Spotted Adult Female",
                    "itemid": "EST-10"
                },
                {
                    "productid": "RP-SN-01",
                    "productname": "Rattlesnake",
                    "unitcost": 12,
                    "status": "P",
                    "listprice": 38.5,
                    "attr1": "Venomless",
                    "itemid": "EST-11"
                },
                {
                    "productid": "RP-SN-01",
                    "productname": "Rattlesnake",
                    "unitcost": 12,
                    "status": "P",
                    "listprice": 26.5,
                    "attr1": "Rattleless",
                    "itemid": "EST-12"
                },
                {
                    "productid": "RP-LI-02",
                    "productname": "Iguana",
                    "unitcost": 12,
                    "status": "P",
                    "listprice": 35.5,
                    "attr1": "Green Adult",
                    "itemid": "EST-13"
                },
                {
                    "productid": "FL-DSH-01",
                    "productname": "Manx",
                    "unitcost": 12,
                    "status": "P",
                    "listprice": 158.5,
                    "attr1": "Tailless",
                    "itemid": "EST-14"
                },
                {
                    "productid": "FL-DSH-01",
                    "productname": "Manx",
                    "unitcost": 12,
                    "status": "P",
                    "listprice": 83.5,
                    "attr1": "With tail",
                    "itemid": "EST-15"
                },
                {
                    "productid": "FL-DLH-02",
                    "productname": "Persian",
                    "unitcost": 12,
                    "status": "P",
                    "listprice": 23.5,
                    "attr1": "Adult Female",
                    "itemid": "EST-16"
                },
                {
                    "productid": "FL-DLH-02",
                    "productname": "Persian",
                    "unitcost": 12,
                    "status": "P",
                    "listprice": 89.5,
                    "attr1": "Adult Male",
                    "itemid": "EST-17"
                },
                {
                    "productid": "AV-CB-01",
                    "productname": "Amazon Parrot",
                    "unitcost": 92,
                    "status": "P",
                    "listprice": 63.5,
                    "attr1": "Adult Male",
                    "itemid": "EST-18"
                }
            ]
        };
        $('#dg1').datagrid({
            data: grid_data
        });
    });
</script>

</body>
</html>
